.archive {
  margin-bottom: 2rem;

  .archive-title {
    margin: 1rem 0;
  }

  .post-title {
    color: variable('secondary-text-on-surface');

    &:hover {
      color: variable('accent');
    }
  }

  .post-date {
    color: variable('secondary-text-on-surface');
  }
}

.archive-posts {
  list-style: none;
  padding-left: 0.25rem;
}
